<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>军融文化研学之旅</title>
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/icon" href="assets/images/favicon.ico"/>
    <!-- Font Awesome -->
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">
     <!-- Bootstrap CSS -->
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <!-- Slick slider -->
    <link href="assets/css/slick.css" rel="stylesheet">
    <!-- Gallery Lightbox -->
    <link href="assets/css/magnific-popup.css" rel="stylesheet">
    <!-- Skills Circle CSS  -->
<!--    <link rel="stylesheet" type="text/css" href="https://unpkg.com/circlebars@1.0.3/dist/circle.css">-->
    

    <!-- Main Style -->
    <link href="style.css" rel="stylesheet">

    <!-- Fonts -->

    <!-- Google Fonts Raleway -->
<!--	<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,400i,500,500i,600,700" rel="stylesheet">-->
	<!-- Google Fonts Open sans -->
<!--	<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800" rel="stylesheet">-->
 
 
	</head>
  <body>

   <!--START SCROLL TOP BUTTON -->
    <a class="scrollToTop" href="#">
      <i class="fa fa-angle-up"></i>
    </a>
  <!-- END SCROLL TOP BUTTON -->
  	
  	<!-- Start Header -->
	<header id="mu-hero">
		<div class="top-search">
			<div class="container">
				<div class="row">
					<div class="col-md-8">
						<a class="navbar-brand mu-logo" href="index.html">
							<img src="assets/img/logo.png" alt="logo">
						</a>
					</div>
					<div class="col-md-4">
						<form class="mu-search-form">
							<input type="search" placeholder="搜索">
							<button class="mu-search-submit-btn" type="submit"><i class="fa fa-search"></i></button>
						</form>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<nav class="navbar navbar-expand-lg navbar-light mu-navbar">
				<!-- Text based logo -->
				<!-- <a class="navbar-brand mu-logo" href="index.html"><span>军融文化研学之旅</span></a> -->
				<!-- image based logo -->
			  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
			    <span class="fa fa-bars"></span>
			  </button>

			  <div class="collapse navbar-collapse" id="navbarSupportedContent">
			    <ul class="navbar-nav mr-auto mu-navbar-nav">
			      <li class="nav-item active">
			        <a href="index.html">首页</a>
			      </li>
			      <li class="nav-item"><a href="about-us.html">关于我们</a></li>
			      <li class="nav-item"><a href="services.html">研学产品</a></li>
				  <li class="nav-item"><a href="services.html">研学日记</a></li>
			      <li class="nav-item"><a href="portfolio.html">新闻公告</a></li>
			       <!-- <li class="nav-item dropdown">
				        <a class="dropdown-toggle" href="blog.html" role="button" id="navbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Blog</a>
				       <div class="dropdown-menu" aria-labelledby="navbarDropdown">
				          <a class="dropdown-item" href="blog.html">Blog Archive</a>
				          <a class="dropdown-item" href="blog-single.html">Blog Single</a>
				        </div>
				    </li> -->
			        <li class="nav-item"><a href="contact.html">联系我们</a></li>
			        <!-- <li class="nav-item"><a href="404.html">404 Page</a></li> -->
			    </ul>
			  </div>
			</nav>
		</div>
	</header>
	<!-- End Header -->

	<!-- Start slider area -->
	<div id="mu-slider">
		<div class="mu-slide">
			<div>
				<a href="#"><img src="assets/images/slider-img-1.jpg" alt="slider img"></a>
			</div>
			<div>
				<a href="#"><img src="assets/images/slider-img-2.jpg" alt="slider img"></a>
			</div>
			<div>
				<a href="#"><img src="assets/images/slider-img-3.jpg" alt="slider img"></a>
			</div>
			
		</div>
	</div>
	<!-- End Slider area -->

	
	<!-- Start main content -->
	<main>
		<!-- Start About -->
		<section id="mu-about">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mu-about-area">
							<!-- Title -->
							<!--< div class="row">
								<div class="col-md-12">
									<div class="mu-title">
										<h2>关于我们</h2>
										<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa cum sociis.</p>
									</div>
								</div>
							</div> -->
							<!-- Start Feature Content -->
							<div class="row">
								<div class="col-md-8">
									<div class="mu-about-left">
										<img class="" src="assets/images/video.jpg" style="height: 300px; width: 700px;" alt="img">
									</div>
								</div>
								<div class="col-md-4">
									<div class="mu-about-right">
										<ul>
											<li>
												<h3>关于我们</h3>
												<p>军融文化研学之旅，专注中小学生爱国主义教育，积极响应《教育部等11部门关于推进中小学生研学旅行的意见》精神，落实立德树人根本任务，帮助中小学生了解国情、热爱祖国、开阔眼界、增长知识，着力提高他们的社会责任感、创新精神和实践能力。充分利用当地国防（爱国主义）教育基地、科普基地、红色景区、旅游景点、人文地理等丰富资源，开展研学旅行、夏冬令营等活动，同时开展机关企事业单位红色教育培训、拓展训练等业务。
													...<a href="#">[详情]</a>
												</p>
											</li>
											<!-- <li>
												<h3>我们的优势</h3>
												<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,</p>
											</li> -->
										</ul>
									</div>
								</div>
							</div>
							<!-- End Feature Content -->
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End About -->

		<!-- Call to Action -->
		<div id="mu-call-to-action">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mu-call-to-action-area">
							<div class="mu-call-to-action-left">
								<!-- <h2>帮助中小学生了解国情、热爱祖国、开阔眼界、增长知识，着力提高他们的社会责任感、创新精神和实践能力</h2> -->
								<p>落实立德树人根本任务，帮助中小学生了解国情、热爱祖国、开阔眼界、增长知识，着力提高他们的社会责任感、创新精神和实践能力。</p>
							</div>
							<a href="#" class="mu-primary-btn mu-quote-btn">立即了解 <i class="fa fa-long-arrow-right"></i></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!-- Start Services -->
		<section id="mu-service" style="display: none;">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mu-service-area">
							<!-- Title -->
							<div class="row">
								<div class="col-md-12">
									<div class="mu-title">
										<h2>研学服务</h2>
										<!-- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa cum sociis.</p> -->
									</div>
								</div>
							</div>
							<!-- Start Service Content -->
							<div class="row">
								<div class="col-md-12">
									<div class="mu-service-content">
										<div class="row">
											<!-- Start single service -->
											<div class="col-md-4">
												<div class="mu-single-service">
													<div class="mu-single-service-icon"><i class="fa fa-bullhorn" aria-hidden="true"></i></div>
													<div class="mu-single-service-content">
														<h3>安全保障</h3>
														<p>全程半军事化管理，夜间教官轮流值班，并查房交接登记，突出安全理念，强化底线意识，安全是全程研学之旅的底线，安全工作即底线工作</p>
													</div>
												</div>
											</div>
											<!-- End single service -->
											<!-- Start single service -->
											<div class="col-md-4">
												<div class="mu-single-service">
													<div class="mu-single-service-icon"><i class="fa fa-laptop" aria-hidden="true"></i></div>
													<div class="mu-single-service-content">
														<h3>一站服务</h3>
														<p>衣、食、住、行、游、学全程一站式贴心服务，配套完备、绝无转手。</p>
													</div>
												</div>
											</div>
											<!-- End single service -->
											<!-- Start single service -->
											<div class="col-md-4">
												<div class="mu-single-service">
													<div class="mu-single-service-icon"><i class="fa fa-mobile" aria-hidden="true"></i></div>
													<div class="mu-single-service-content">
														<h3>标准住宿</h3>
														<p>军融文化合作酒店或家庭式套房宾馆，2-3人间，空调、独卫独浴、客厅活动室。</p>
													</div>
												</div>
											</div>
											<!-- End single service -->
											<!-- Start single service -->
											<div class="col-md-4">
												<div class="mu-single-service">
													<div class="mu-single-service-icon"><i class="fa fa-clock-o" aria-hidden="true"></i></div>
													<div class="mu-single-service-content">
														<h3>酒店用餐</h3>
														<p>合作酒店10人一桌用餐和军融文化定点餐厅份餐相结合</p>
													</div>
												</div>
											</div>
											<!-- End single service -->
											<!-- Start single service -->
											<div class="col-md-4">
												<div class="mu-single-service">
													<div class="mu-single-service-icon"><i class="fa fa-cog" aria-hidden="true"></i></div>
													<div class="mu-single-service-content">
														<h3>贵宾车队</h3>
														<p>外事活动服务专业车队空调大巴，每人一座。</p>
													</div>
												</div>
											</div>
											<!-- End single service -->
											<!-- Start single service -->
											<div class="col-md-4">
												<div class="mu-single-service">
													<div class="mu-single-service-icon"><i class="fa fa-shopping-cart" aria-hidden="true"></i></div>
													<div class="mu-single-service-content">
														<h3>实质典藏</h3>
														<p>研学结营证书，海洋科技实践证书、国家体育总局青岛航海运动学校培训证书。</p>
													</div>
												</div>
											</div>
											<!-- End single service -->
										</div>
									</div>
								</div>
							</div>
							<!-- End Service Content -->
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Services -->

		<!-- Start from blog -->
		<section id="mu-from-blog">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mu-from-blog-area">
							<!-- Title -->
							<div class="row">
								<div class="col-md-12">
									<div class="mu-title">
										<h2>研学产品</h2>
										<!-- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa cum sociis.</p> -->
									</div>
								</div>
								<div class="col-md-12">
									<div class="mu-from-blog-content">
										<div class="row">
											<div class="col-md-4">
												<article class="mu-blog-item">
													<a href="#"><img src="assets/images/blog-img-1.jpg" alt="blgo image"></a>
													<div class="mu-blog-item-content">
														<h2 class="mu-blog-item-title"><a href="blog-single.html">畅游青岛  探秘海洋</a></h2>
														<p>充分利用青岛蓝色海洋资源，创立了“海洋国防专题、海上运动专题、海洋科普专题”在内的多种社会实践及素质教育产品体系。</p>
													</div>
												</article>
											</div>
											<div class="col-md-4">
												<article class="mu-blog-item">
													<a href="#"><img src="assets/images/blog-img-2.jpg" alt="blgo image"></a>
													<div class="mu-blog-item-content">
														<h2 class="mu-blog-item-title"><a href="blog-single.html">历朝古都  千年梦寻</a></h2>
														<p>北京研学之旅,古都指古代王朝的政治中心，也往往是其经济和文化中心，因此，它的设置应该比较稳定。</p>
													</div>
												</article>
											</div>
											<div class="col-md-4">
												<article class="mu-blog-item">
													<a href="#"><img src="assets/images/blog-img-3.jpg" alt="blgo image"></a>
													<div class="mu-blog-item-content">
														<h2 class="mu-blog-item-title"><a href="blog-single.html">红色土地  沂蒙情怀</a></h2>
														<p>临沂研学之旅,红色文化是在革命战争年代，由中国共产党人、先进分子和人民群众共同创造并极具中国特色的先进文化</p>
													</div>
												</article>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="text-center col-md-12 font-weight-normal" style="padding-top: 30px; text-decoration: underline;">
						<a href="#">查看更多 >></a>
					</div>
				</div>
			</div>
		</section>
		<!-- End from blog -->
		
		<!-- Start from blog -->
		<section id="mu-from-blog" style="background: #f4f4f4;">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mu-from-blog-area">
							<!-- Title -->
							<div class="row">
								<div class="col-md-12">
									<div class="mu-title">
										<h2>研学日记</h2>
										<!-- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa cum sociis.</p> -->
									</div>
								</div>
								<div class="col-md-12">
									<div class="mu-from-blog-content">
										<div class="row">
											<div class="col-md-3 col-xm-6">
												<article class="mu-blog-item" style="background: #ffffff;">
													<a href="#"><img src="assets/images/blog-img-1.jpg" alt="blgo image"></a>
													<div class="mu-blog-item-content" style="padding: 10px; min-height: 153px;">
														<h2 class="mu-blog-item-title"><a href="blog-single.html">畅游青岛  探秘海洋</a></h2>
														<p>充分利用青岛蓝色海洋资源，创立了“海洋国防专题、海上运动专题、海洋科普专题”在内的多种社会实践及素质教育产品体系。</p>
													</div>
												</article>
											</div>
											<div class="col-md-3 col-xm-6">
												<article class="mu-blog-item" style="background: #ffffff;">
													<a href="#"><img src="assets/images/blog-img-2.jpg" alt="blgo image"></a>
													<div class="mu-blog-item-content" style="padding: 10px; min-height: 153px;">
														<h2 class="mu-blog-item-title"><a href="blog-single.html">历朝古都  千年梦寻</a></h2>
														<p>北京研学之旅,古都指古代王朝的政治中心，也往往是其经济和文化中心，因此，它的设置应该比较稳定。</p>
													</div>
												</article>
											</div>
											<div class="col-md-3 col-xm-6">
												<article class="mu-blog-item" style="background: #ffffff;">
													<a href="#"><img src="assets/images/blog-img-3.jpg" alt="blgo image"></a>
													<div class="mu-blog-item-content" style="padding: 10px; min-height: 153px;">
														<h2 class="mu-blog-item-title"><a href="blog-single.html">红色土地  沂蒙情怀</a></h2>
														<p>临沂研学之旅,红色文化是在革命战争年代，由中国共产党人、先进分子和人民群众共同创造并极具中国特色的先进文化</p>
													</div>
												</article>
											</div>
											<div class="col-md-3 col-xm-6">
												<article class="mu-blog-item" style="background: #ffffff;">
													<a href="#"><img src="assets/images/blog-img-3.jpg" alt="blgo image"></a>
													<div class="mu-blog-item-content" style="padding: 10px; min-height: 153px;">
														<h2 class="mu-blog-item-title"><a href="blog-single.html">红色土地  沂蒙情怀</a></h2>
														<p>临沂研学之旅,红色文化是在革命战争年代，由中国共产党人、先进分子和人民群众共同创造并极具中国特色的先进文化</p>
													</div>
												</article>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="text-center col-md-12 font-weight-normal" style="padding-top: 30px; text-decoration: underline;">
						<a href="#">查看更多 >></a>
					</div>
				</div>
			</div>
		</section>
		<!-- End from blog -->

		<!-- Start Newsletter -->
		<section id="mu-newsletter" style="display:none">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mu-newsletter-area">
							<!-- Title -->
							<div class="row">
								<div class="col-md-12">
									<div class="mu-title">
										<h2>Subscribe Our newsletter</h2>
										<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa cum sociis.</p>
									</div>
								</div>
								<div class="col-md-12">
									<div class="mu-newsletter-content">
										<form class="mu-subscribe-form">
											<input type="email" placeholder="Write your e-mail here">
											<button class="mu-subscribe-btn">Subscribe</button>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Newsletter -->

		<!-- Start Clients -->
		<div id="mu-clients" style="display:none">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mu-clients-area">

							<!-- Start Clients brand logo -->
							<div class="mu-clients-slider">

								<div class="mu-clients-single">
									<img src="assets/images/client-brand-1.jpg" alt="Brand Logo">
								</div>

								<div class="mu-clients-single">
									<img src="assets/images/client-brand-2.jpg" alt="Brand Logo">
								</div>

								<div class="mu-clients-single">
									<img src="assets/images/client-brand-3.jpg" alt="Brand Logo">
								</div>

								<div class="mu-clients-single">
									<img src="assets/images/client-brand-4.jpg" alt="Brand Logo">
								</div>

								<div class="mu-clients-single">
									<img src="assets/images/client-brand-5.jpg" alt="Brand Logo">
								</div>

								<div class="mu-clients-single">
									<img src="assets/images/client-brand-6.jpg" alt="Brand Logo">
								</div>
							</div>
							<!-- End Clients brand logo -->

						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- End Clients -->

	</main>
	
	<!-- End main content -->	
			
			
	<!-- Start footer -->
	<footer id="mu-footer">
		<div class="mu-footer-top">
			<div class="container">
				<div class="row">
					<div class="col-md-3">
						<div class="mu-single-footer">
<!--							<img class="mu-footer-logo" src="assets/images/logo.png" alt="logo">-->
							<p>军融文化研学之旅充分利用当地国防（爱国主义）教育基地、科普基地、红色景区、旅游景点、人文地理等丰富资源，开展研学旅行、夏冬令营等活动，同时开展机关企事业单位红色教育培训、拓展训练等业务。 </p>
							<!-- <div class="mu-social-media">
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a class="mu-twitter" href="#"><i class="fa fa-twitter"></i></a>
								<a class="mu-pinterest" href="#"><i class="fa fa-pinterest-p"></i></a>
								<a class="mu-google-plus" href="#"><i class="fa fa-google-plus"></i></a>
								<a class="mu-youtube" href="#"><i class="fa fa-youtube"></i></a>
							</div> -->
						</div>
					</div>
					<div class="col-md-3">
						<div class="mu-single-footer">
							<h3>新闻公告</h3>
							<ul class="mu-useful-links">
								<li><a href="#">研学产品上线</a></li>
								<li><a href="#">路线更新</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3">
						<div class="mu-single-footer">
							<h3>联系我们</h3>
							<ul class="list-unstyled">
							  <li class="media">
							    <span class="fa fa-home"></span>
							    <div class="media-body">
							    	<p>青岛市佛涛路23号</p>
							    </div>
							  </li>
							  <li class="media">
							    <span class="fa fa-phone"></span>
							    <div class="media-body">
							       <p>0532-51863090</p>
								   <p>18653232051（手机）</p>
							     	<p>17753209219（同微信）周教官</p>
							    </div>
							  </li>
							  <li class="media">
							    <span class="fa fa-envelope"></span>
							    <div class="media-body">
							     <p>1727063672@qq.com</p>
							    </div>
							  </li>
							</ul>
						</div>
					</div>
					<div class="col-md-3">
						<div class="mu-single-footer">
							<h3>公众号</h3>
							<ul class="list-unstyled">
							  	<li class="media">
								  <img src="assets/img/weixin.jpg" style="max-width: 160px;" />
							  	</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="mu-footer-bottom">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mu-footer-bottom-area">
							<p class="mu-copy-right">&copy; Copyright 军融文化研学之旅 备案号：鲁ICP:XXXXXX</p>
						</div>
					</div>
				</div>
			</div>
		</div>

	</footer>
	<!-- End footer -->

	
	<!-- JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
   <script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script>
   <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
   <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
	<!-- Slick slider -->
    <script type="text/javascript" src="assets/js/slick.min.js"></script>
    <!-- Progress Bar -->
<!--    <script src="https://unpkg.com/circlebars@1.0.3/dist/circle.js"></script>-->
    <!-- Filterable Gallery js -->
    <!-- <script type="text/javascript" src="assets/js/jquery.filterizr.min.js"></script> -->
    <!-- Gallery Lightbox -->
    <script type="text/javascript" src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- Counter js -->
    <script type="text/javascript" src="assets/js/counter.js"></script>
    <!-- Ajax contact form  -->
    <script type="text/javascript" src="assets/js/app.js"></script>
    
	
    <!-- Custom js -->
	<script type="text/javascript" src="assets/js/custom.js"></script>

	<!-- About us Skills Circle progress  -->
	<script>
		// First circle
	    // new Circlebar({
        // element : "#circle-1",
        // type : "progress",
	    //   maxValue:  "90"
	    // });
		//
		// // Second circle
	    // new Circlebar({
        // element : "#circle-2",
        // type : "progress",
	    //   maxValue:  "84"
	    // });
		//
	    // // Third circle
	    // new Circlebar({
        // element : "#circle-3",
        // type : "progress",
	    //   maxValue:  "60"
	    // });
		//
	    // // Fourth circle
	    // new Circlebar({
        // element : "#circle-4",
        // type : "progress",
	    //   maxValue:  "74"
	    // });

	</script>
    
  </body>
</html>